<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-image: url(./线稿/image.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        @media screen and (max-width: 800px){
            body{
                background-image: url(./线稿/image1.png);
            }
        }
        @media screen and (max-width: 400px){
            body{
                background-image: url(./线稿/image2.png);
            }
        }
    </style>
</head>
<body>
    <!-- <picture>
        <source media="(min-width:650px)" srcset="https://static.jyshare.com/libs/images/runoob-logo.png">
        <source media="(min-width:465px)" srcset="https://static.jyshare.com/libs/images/code-icon-script.png">
        <img src="https://static.jyshare.com/libs/images/mix/hjkg_icon.png"  style="width:auto;">
      </picture> -->
</body>
</html>